<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/preloadjs.min.js"></script>
		<script>
			// 预加载30首
			// 逐首播放，先加载前15首，当前15首加载完毕，可以开始游戏
			// 每首歌至少播放两秒，播放前15首的时间至少为30秒
			
			$.ajax({
				url:"music.json",
				type:"get",
				dataType:"json",
				success:function(res){
					console.log(res);
					//打乱顺序
					res.sort(function(){
						// sort方法时 return值 大于0或小于0交换位置
						// 随机数 -0.5 ---- 0.5之间
						return Math.random() - 0.5; 
					})
					
					var frist_arr = [];
					var second_arr = [];
					
					for(var i=0;i<res.length;i++){
						if(i<5){	//第一批资源路径添加到数组中
							console.log(frist_arr.push( res[i].path ));
							
						}else{
							second_arr.push( res[i].path );
						}
					}
					console.log(frist_arr,second_arr);
					load1(frist_arr,second_arr);
				}
			})
			
			function load1(data1,data2){
				var queue = new createjs.LoadQueue();
				// 先加载data1 第一批
				queue.loadManifest( data1 );
				queue.on("progress",function(e){
					var p = (e.progress*100).toFixed(2)+"%";
					console.log(p);
				})
				queue.on("complete",function(){
					// 第一批加载完成，可以开始游戏
					console.log("开始游戏");
					// 开始在后方继续加载剩下的资源
					load2(data2);
				})
				queue.load();				
				
			}
			
			
			function load2( data ){
				var queue = new createjs.LoadQueue();
				queue.loadManifest(data);
				queue.load();
				queue.on("complete",function(){
					console.log("所有资源加载完毕");
				})
			}
		</script>
	</body>
</html>
